.hid{
    display: none;
}
.banner{
    height: 600px;
}
.banner1{
    background: url("../img/banner.jpg");
}
.banner2{
    background: url("../img/banner2.jpg");
}
.banner3{
    background: url("../img/banner3.jpg");
}
.card .card-body p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.carousel-caption {
    width: 30%;
    position: absolute;
    right: 15%;
    top:210px;
    left: 12%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
}
footer .col-md-6 h3{
    color: #333;
}
footer .col-md-6 p{
    color: #333;
    font-size: 14px;
}
footer .col-md-3 h4{
    font-size: 14px;
    color: #212529;
}
footer .col-md-3 a{
    display: block;
    font-size: 14px;
    color: #3a77ae;
    line-height: 21px;
}
@media (max-width:600px) {
    .banner1{
        background: url("../img/banner.jpg") center center no-repeat;
    }
    .banner2{
        background: url("../img/banner2.jpg") center center no-repeat;
    }
    .banner3{
        background: url("../img/banner3.jpg") center center no-repeat;
    }
    .banner{
        background-size: cover;
        height: 230px;
    }
    .carousel-caption p{
        font-size: 12px;
    }
    .col-3{
        width: 100%;
    }
    footer .col-md-3{
        padding-top: 16px;
    }
}


